<script setup lang="ts">
defineProps({
  width: {
    required: true,
    type: Number,
  },
});
</script>
<template>
  <svg
    :width="width"
    :height="width / (13 / 16)"
    viewBox="0 0 13 16"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
  >
    <g transform="translate(1 1.5)" fill="none" fill-rule="evenodd">
      <path stroke="#172B4D" stroke-linecap="round" d="M5.385 12.375V8.938" />
      <circle stroke="#172B4D" fill="#F8F9FA" cx="5.271" cy="5.042" r="5.542" />
      <path
        d="M5.355 8.561c.456 0 .865-.275 1.038-.692a1.113 1.113 0 00-.244-1.218 1.116 1.116 0 00-1.218-.244 1.12 1.12 0 00.425 2.154zM2.95 6.816A1.131 1.131 0 004.066 5.7 1.136 1.136 0 002.95 4.583c-.621 0-1.117.503-1.117 1.117A1.11 1.11 0 002.95 6.816zm4.835 0A1.12 1.12 0 008.9 5.7a1.136 1.136 0 00-1.116-1.117c-.621 0-1.117.503-1.117 1.117a1.11 1.11 0 001.117 1.116zM2.75 2.503v.707c0 .118.047.228.126.315a.453.453 0 00.314.126h4.088a.467.467 0 00.315-.126.453.453 0 00.126-.315v-.707a.467.467 0 00-.126-.315.453.453 0 00-.315-.126H3.19a.467.467 0 00-.314.126.467.467 0 00-.126.315z"
        fill="#4FB0FF"
        fill-rule="nonzero"
      />
      <path stroke="#172B4D" stroke-linecap="round" d="M0 12.948h10.542" />
      <rect stroke="#172B4D" fill="#172B4D" x="2.938" y="11.875" width="4.667" height="2" rx="1" />
    </g>
  </svg>
</template>
